<svg width="135" height="20" xmlns="http://www.w3.org/2000/svg">
    <g>
        <rect id="svg_1" height="20" width="130" y="0" x="0" stroke-width="1.5" stroke="#5d5d5d" fill="#5d5d5d" rx="7" ry="7"/>
        <rect id="svg_2" height="20" width="40" y="0" x="92" stroke-width="1.5" stroke="{{#compare data.status "===" 'low'}}#d8604b{{/compare}}{{#compare data.status "===" 'medium'}}#dab226{{/compare}}{{#compare data.status "===" 'good'}}#8fbd08{{/compare}}{{#compare data.status "===" 'very-good'}}#4dc71f{{/compare}}" fill="{{#compare data.status "===" 'low'}}#d8604b{{/compare}}{{#compare data.status "===" 'medium'}}#dab226{{/compare}}{{#compare data.status "===" 'good'}}#8fbd08{{/compare}}{{#compare data.status "===" 'very-good'}}#4dc71f{{/compare}}" rx="7" ry="7"/>
        <rect id="svg_3" height="20" width="22" y="0" x="92" stroke-width="1.5" stroke="{{#compare data.status "===" 'low'}}#d8604b{{/compare}}{{#compare data.status "===" 'medium'}}#dab226{{/compare}}{{#compare data.status "===" 'good'}}#8fbd08{{/compare}}{{#compare data.status "===" 'very-good'}}#4dc71f{{/compare}}" fill="{{#compare data.status "===" 'low'}}#d8604b{{/compare}}{{#compare data.status "===" 'medium'}}#dab226{{/compare}}{{#compare data.status "===" 'good'}}#8fbd08{{/compare}}{{#compare data.status "===" 'very-good'}}#4dc71f{{/compare}}"/>
        <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_4" y="14" x="6" stroke-width="0" stroke="#5d5d5d" fill="#ffffff">{{data.label}}</text>
        <text xml:space="preserve" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_5" y="14" x="112" stroke-width="0" stroke="#5d5d5d" fill="#ffffff" style="text-anchor: middle">{{data.count}}%</text>
    </g>
</svg>
